/**
 * city manage
 */
.city-manage{
	padding:20px;
        padding-top:0;
	h1{
		font-size: 20px;

	}
	.city-box{
		margin:10px 0;
		width: 600px;
		.classify{
			width: 50%;
			float: left;
			height: auto;
			font-size: 14px;
			display: inline-block;
			position: relative;
			z-index: 10;
			border-right:1px solid #ddd;
			input{
				width: 120px;
				height: 30px;
				margin:8px;
				display: inline-block;
			}
			a{
				display: inline-block;
			}
			dl{
				margin-top:40px;
				margin-bottom: 0;
				max-height: 500px;
				overflow-y:auto;
				border-left:1px solid #ddd;	
			}
			i{
				display: block;
				position:absolute;
				top: 0;
				right: 0;
				height: 40px;
			}
			em{
				text-align: center;
				text-indent: 0;
				width: 20px;
				margin:0 10px;
				cursor: pointer;
				color:#A2A2A2;
				transition: all .2s ease;
				&:hover{
					color:#333;
				}
			}
			dt{
				position:absolute;
				width: 100%;
				z-index: 999;
				top: 0;
				left: 0;
				border-top:1px solid #ddd;
			}
			&:last-child>dt{
				border-right-width:0px;
			}
			&:first-child>dt{
				border-left:1px solid #ddd;	
			}
			&:last-child>dd{
				border-right-width:0px;
			}
			&+.editable_box{
				display: none;
			}
			dt,dd{
				line-height: 40px;
				height: 40px;
				text-indent: 20px;
				background: #FFF;
			}
			dt{
				font-weight: bolder;
				font-size:16px;
				border-right:1px solid #ddd;				
			}
			.classify_item{
				border-bottom:1px solid #ddd;
				cursor: pointer;
				input{
					width: 120px;
					padding-left:10px;
				}
				.btn{
					margin-left: 10px;
				}
			}
			dd{
				&+.editable_box{
					display: none;
				}
				&.active{
					background:$sidebarActiveColor;
					color:#fff;
				}
				transition:all .3s ease;
			}
		}
		&>.classify{
			border-right-width:0;
		}

   }
   .editable_box{
		form{
			padding:10px;
		}
		select{
			width: 120px;
			height: 30px;
		}
	}
}